<template>
  <div class="grandson">
    <h2>我是组件grandson组件</h2>
  </div>
</template>

<script>
export default {
  name: "Grandson",
    // 创建之前
    beforeCreate() {
    console.log("Grandson 创建之前");
  },
    // 挂载  出生
  //   mounted() {
  //   console.log("Grandson挂载");
  // },
};
</script>

<style scoped>
.grandson {
  background-color: orange;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px;
}
</style>